<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
		<style type="text/css">
			.btn{
				color: blue;
				border: blue;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<h2>工作经历</h2>
			<hr >
					公司名称<input type="text" name="" id="name" value="" />
					职位<input type="text" name="" id="job" value="" />
					<button class="btn" type="button" onclick="doDelete()">删除工作经历</button>
			<table>
				<tr>
					<td>
						工作职责及工作内容描述:
					</td>
					<td>
						<textarea id="text" rows="10" cols="80"></textarea>
					</td>
				</tr>
			</table>
			<hr >
			<button class="btn" type="button" onclick="doAdd()" style="float: right;">添加工作经历</button>
			<div id="div2">
				
			</div>
		</div>

	</body>
	<script type="text/javascript">
		function doAdd(){
			var div1Obj = document.getElementById('div1');
			var div2Obj = document.getElementById('div2'); 
			
			div2Obj.innerHTML += div1Obj.innerHTML;
		}
		function doDelete(){
			var div1Obj = document.getElementById('div1');
			var div2Obj = document.getElementById('div2'); 
			div1Obj.removeChild(div2Obj);
		}
	</script>
</html>
